@charset "UTF-8";
@import "../fonts/iconfont.css";

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
}

body{
	min-width: 1280px;
}

header {
  position: relative;
  nav {
    padding: 1vw 11vw 1.4vw 3vw;
    display: flex;
    justify-content: space-between;

    i {
      position: absolute;
      top: 2.3vw;
      right: 3vw;
      color: #12b4a6;
    }
    .navLeft {
      width: 6vw;
      height: 5vw;

      img {
        width: 100%;
      }
    }
    .navRight {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 36vw;
      position: relative;
      .box {
		  padding-left: 0.5vw;
		  padding-right: 0.5vw;
		  position: relative;
		  text-align: center;
		  .line1{
			  border-left: 1px solid #d6d6d6;
			  width: 0;
			  height: 3vw ;
			  position: absolute;
			  visibility: hidden;
			  left: 0.3vw;
			  top: -1vw;
		  }
		  .line2{
			  border-right: 1px solid #d6d6d6;
			  width: 0;
			  height: 3vw ;
			  position: absolute;
			  visibility: hidden;
			  right: 0.05vw;
			  bottom: -1.6vw;
		  }
		  
        a {
          display: block;
        }
		
		// 中文
        a:first-child {
          text-align: right;
          font-family: FZLTHK--GBK1-0;
          font-size: 1.37vw;
          font-weight: normal;
          font-stretch: normal;
          line-height: 1.37vw;
          letter-spacing: 0vw;
          color: #000000;
          margin-bottom: 0.5vw;
        }

		// 英文
        a:last-child {
          text-align: center;
          font-family: HelveticaNeue-Light;
          font-size: 1vw;
          font-weight: normal;
          font-stretch: normal;
          line-height: 1vw;
          letter-spacing: 0vw;
          color: #838383;
        }
		
      }
	  .box:hover .line1{
	  	visibility: visible;
		transform: rotate(33deg);
		transition: all .3s;
	  }
	  .box:hover .line2{
	  	visibility: visible;
	  		transform: rotate(33deg);
			transition: all .3s;
	  }
    }
  }
}

footer {
  background-image: url(../img/homeBg.png);
  padding: 8.2vw 33.5vw;
  background-repeat: no-repeat;
  background-size: contain;
  p {
	text-align: center;
    font-size: 1vw;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1vw;
    letter-spacing: 0vw;
    color: #ffffff;
	flex-wrap: nowrap;
  }
}
